<wicket:panel xmlns:wicket="http://wicket.apache.org">
    <div class="position-pitch" style="position: relative">
            <span style="position: absolute; top: 92%; left: 145px;">
                <a wicket:id="area0"></a>
            </span>
            <span style="position: absolute; top: 81%; left: 90px;">
                <a wicket:id="area1"></a>
            </span>
            <span style="position: absolute; top: 81%; left: 145px;">
                <a wicket:id="area2"></a>
            </span>
            <span style="position: absolute; top: 81%; left: 195px;">
                <a wicket:id="area3"></a>
            </span>
            <span style="position: absolute; top: 68%; left: 35px;">
                <a wicket:id="area4"></a>
            </span>
            <span style="position: absolute; top: 68%; left: 90px;">
                <a wicket:id="area5"></a>
            </span>
            <span style="position: absolute; top: 68%; left: 145px;">
                <a wicket:id="area6"></a>
            </span>
            <span style="position: absolute; top: 68%; left: 200px;">
                <a wicket:id="area7"></a>
            </span>
            <span style="position: absolute; top: 68%; left: 255px;">
                <a wicket:id="area8"></a>
            </span>
            <span style="position: absolute; top: 55%; left: 35px;">
                <a wicket:id="area9"></a>
            </span>
            <span style="position: absolute; top: 55%; left: 90px;">
                <a wicket:id="area10"></a>
            </span>
            <span style="position: absolute; top: 55%; left: 145px;">
                <a wicket:id="area11"></a>
            </span>
            <span style="position: absolute; top: 55%; left: 200px;">
                <a wicket:id="area12"></a>
            </span>
            <span style="position: absolute; top: 55%; left: 255px;">
                <a wicket:id="area13"></a>
            </span>
            <span style="position: absolute; top: 42%; left: 35px;">
                <a wicket:id="area14"></a>
            </span>
            <span style="position: absolute; top: 42%; left: 90px;">
                <a wicket:id="area15"></a>
            </span>
            <span style="position: absolute; top: 42%; left: 145px;">
                <a wicket:id="area16"></a>
            </span>
            <span style="position: absolute; top: 42%; left: 200px;">
                <a wicket:id="area17"></a>
            </span>
            <span style="position: absolute; top: 42%; left: 255px;">
                <a wicket:id="area18"></a>
            </span>
            <span style="position: absolute; top: 29%; left: 35px;">
                <a wicket:id="area19"></a>
            </span>
            <span style="position: absolute; top: 29%; left: 90px;">
                <a wicket:id="area20"></a>
            </span>
            <span style="position: absolute; top: 29%; left: 145px;">
                <a wicket:id="area21"></a>
            </span>
            <span style="position: absolute; top: 29%; left: 200px;">
                <a wicket:id="area22"></a>
            </span>
            <span style="position: absolute; top: 29%; left: 255px;">
                <a wicket:id="area23"></a>
            </span>
            <span style="position: absolute; top: 16%; left: 90px;">
                <a wicket:id="area24"></a>
            </span>
            <span style="position: absolute; top: 16%; left: 145px;">
                <a wicket:id="area25"></a>
            </span>
            <span style="position: absolute; top: 16%; left: 200px;">
                <a wicket:id="area26"></a>
            </span>
    </div>
</wicket:panel>